<!--
 * @Author: 郑文森
 * @Date: 2021-12-23 09:57:55
 * @LastEditors: 郑文森
 * @LastEditTime: 2022-04-17 23:14:36
 * @FilePath: \Talent recruitment system\frontend\src\views\home\components\menu.vue
 * @Description: 用户前台
-->
<template>
  <div class="menu">
    <div class="top"></div>
    <el-menu :default-active="this.$route.path" class="el-menu-demo" mode="horizontal" active-text-color="black" router>
      <el-menu-item v-for="(item, i) in navList" :key="i" :index="item.name">
        {{ item.navItem }}
      </el-menu-item>
    </el-menu>
    <!-- <router-view></router-view> -->
  </div>
</template>
<script>
export default {
  data() {
    return {
      navList: [
        { name: "/home", navItem: "首页" },
        { name: "/positionList", navItem: "找工作" },
        { name: "/personnelList", navItem: "找人才" },
        { name: "/enterpriseList", navItem: "找企业" },
        { name: "/campusRecruitment", navItem: "校园招聘" },
        { name: "/videoconferencing", navItem: "视频会议" },
        { name: "/jobFair", navItem: "招聘会" },
        { name: "/workplaceInfo", navItem: "职场资讯" },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.top {
  background: rgba(0, 0, 0, 0.692);
  height: 28px;
}

</style>
